*{
    margin: 0px;
    padding: 0px;
}
.box{
    border: 1px solid;
    width: 100px;
    height: 100px;
    background-color: brown;
    display: inline;
}
.rbox{
    width: 100px;
    height: 100px;
    border-radius: 25%;
    position: absolute;
    background-color: powderblue;
}
.point{
    border: 1px red solid;
    background-color: red;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
}
.point1{
    top: 40px;
    left: 40px;
}
.point2_1{
    top: 20px;
    left: 40px;
}
.point2_2{
    top: 60px;
    left: 40px;
}
.point3_1{
    top: 10px;
    left: 40px;
}
.point3_2{
    top: 40px;
    left: 40px;
}
.point3_3{
    top: 70px;
    left: 40px;
}
.point4_1{
    top: 20px;
    left: 20px;
}
.point4_2{
    top: 20px;
    left: 60px;
}
.point4_3{
    top: 60px;
    left: 20px;
}
.point4_4{
    top: 60px;
    left: 60px;
}
.point5_1{
    top: 20px;
    left: 20px;
}
.point5_2{
    top: 20px;
    left: 60px;
}
.point5_3{
    top: 60px;
    left: 20px;
}
.point5_4{
    top: 60px;
    left: 60px;
}
.point5_5{
    top: 40px;
    left: 40px;
}
.point6_1{
    top: 10px;
    left: 20px;
}
.point6_2{
    top: 10px;
    left: 60px;
}
.point6_3{
    top: 40px;
    left: 20px;
}
.point6_4{
    top: 40px;
    left: 60px;
}
.point6_5{
    top: 70px;
    left: 20px;
}
.point6_6{
    top: 70px;
    left: 60px;
}
.point7_1{
    top: 10px;
    left: 10px;
}
.point7_2{
    top: 10px;
    left: 40px;
}
.point7_3{
    top: 10px;
    left: 70px;
}
.point7_4{
    top: 40px;
    left: 20px;
}
.point7_5{
    top: 40px;
    left: 60px;
}
.point7_6{
    top: 70px;
    left: 20px;
}
.point7_7{
    top: 70px;
    left: 60px;
}
.point8_1{
    top: 10px;
    left: 10px;
}
.point8_2{
    top: 10px;
    left: 40px;
}
.point8_3{
    top: 10px;
    left: 70px;
}
.point8_4{
    top: 40px;
    left: 10px;
}
.point8_5{
    top: 40px;
    left: 70px;
}
.point8_6{
    top: 70px;
    left: 10px;
}
.point8_7{
    top: 70px;
    left: 40px;
}
.point8_8{
    top: 70px;
    left: 70px;
}
.point9_1{
    top: 10px;
    left: 10px;
}
.point9_2{
    top: 10px;
    left: 40px;
}
.point9_3{
    top: 10px;
    left: 70px;
}
.point9_4{
    top: 40px;
    left: 10px;
}
.point9_5{
    top: 40px;
    left: 40px;
}
.point9_6{
    top: 40px;
    left: 70px;
}
.point9_7{
    top: 70px;
    left: 10px;
}
.point9_8{
    top: 70px;
    left: 40px;
}
.point9_9{
    top: 70px;
    left: 70px;
}
.box1{
    position: fixed;
    top: 100px;
    left: 500px;
}
.box2{
    position: fixed;
    top: 100px;
    left: 600px;
}
.box3{
    position: fixed;
    top: 100px;
    left: 700px;
}
.box4{
    position: fixed;
    top: 200px;
    left: 500px;
}
.box5{
    position: fixed;
    top: 200px;
    left: 600px;
}
.box6{
    position: fixed;
    top: 200px;
    left: 700px;
}
.box7{
    position: fixed;
    top: 300px;
    left: 500px;
}
.box8{
    position: fixed;
    top: 300px;
    left: 600px;
}
.box9{
    position: fixed;
    top: 300px;
    left: 700px;
}